Learning Notes

# 项目搭建

# 安装 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 --> cli-service --> webpack.config.js
@import "~@/assets/styles/test.scss"

← 导航栏Router →