2021-03-07

vue+element-ui小demo创建

• 创建vue工程(已安装node环境)

1. 创建一个名为hello-vue的工程(安装过程中所有提示选否,后续自行安装其他依赖)

vue init webpack hello-vue 

2. 安装依赖,需要安装vue-route、element-ui、sass-loader和node-sass

• 进入目录工程

cd hello-vue

• 安装vue-router

npm install vue-router --save-dev

• 安装element-ui

npm i element-ui -S

• 安装依赖

npm install

• 安装sass加载器

cpnm install sass-loader node-sass --save-dev

• 启动测试

npm run dev

3. Npm命令解释

• npm install moduleName:安装到模块目录下
• npm install -g moduleName:-g的意思是将模块安装到全局,具体安装到磁盘的哪个位置,要看npm config prefix的位置
• npm install -save moduleName:–save的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖,-S为该命令的缩写
• npm install -save-dev moudleName:–save-dev的意思是将模块安装到项目目录下并在package文件的devDependencies节点写入依赖,-D为该命令的缩写