我想在vue项目搭建过程中使用vue3+ts为自己搭建一个网站。因为之前没有做过项目搭建的工作,所以想把搭建的过程记录下来。搭建vue运行环境非常简单。安装git,下载node,并更改npm源。查看什么npm源npmgetregistry修改npm源npmconfigsetregistryhttps://registry.npm.taobao.org使用vue-cli创建一个vue项目找到一个文件夹然后...npminstall-g@vue/clivuecreateyourprojectname然后出现一堆选项,按需选择Enrichtheprojectfilestructureofvuestylesfolder-->usedtostorescssorcssstylefilevariables.scss-->usedtodefineglobalscssvariablesmain.scss-->用于控制页面结构的普通文件夹-->用于存放公共jsutils.js-->普通工具类request.js-->封装请求库(axios)api文件夹-->存放接口requestsassets文件夹新建一个image来存放图片。删除项目创建时的初始文件components/HolloWord.vue,全部删除。初始化App.vue代码安装一些依赖初始化浏览器样式npminstallnormalize.cssElement-plus组件库npminstallelement-plus--save然后在main.ts中导入import{createApp}from'vue'importElementPlusfrom'element-plus'import'element-plus/lib/theme-chalk/index.css'import'规范化。css'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'createApp(App).use(store).use(router).use(ElementPlus).mount('#app')在全局scss变量的根目录下引入一个新的vue.config.jsmodule.exports={css:{loaderOptions:{scss:{prependData:`@import"~@/styles/variables.scss";`}}}}创建Git仓库我在gitee上新建了一个仓库,我自己的账号在gitremoteaddoriginprojectaddress中配置sshkey创建一个dev分支,然后将项目push到上面。通常在dev上开发
