Vue项目1

项目搭建

安装 Node.js

安装目录可以改，一定不要在路径中出现中文和空格

https://nodejs.org/zh-cn/download/

https://nodejs.org/dist/   //node.js历史版本

node --version 查看Node版本
npm -v 查看npm版本


// 重装 Node.js 后，以前用 npm 或 yarn 全局安装的命令可能消失不见，如果需要，可以需要重新全局安装命令
npm install -g nrm --registry=https://registry.npm.taobao.org
nrm use taobao

安装 @vue/cli@4.1.2

vue --version  # 如果这个命令打印出一个版本号，而版本号又不是 4.1.2 就说明你需要卸载
yarn global remove @vue/cli
yarn global add @vue/cli@4.1.2
vue --version  # 版本号应该是 4.1.2

配置文件

vue create morney
cd morney
yarn serve 

目录结构组成

import alias

• TS/JS 通过 @/目录名引入文件

// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

• CSS/SASS 通过 ~@/目录名引入文件
  settings --> webpack --> morney --> node_modules --> @vue --> vli-service --> webpack.config.js

@import "~@/assets/styles/test.scss"