vue 脚手架的搭建过程

tech2022-08-04  147

1、安装node.js 

2、下载 cnpm  目的是安装时速度提升,下载路径如下:

      npm install -g cnpm --registry=https://registry.npm.taobao.org

3、搭建vue开发环境,安装vue脚手架工具,官方命令提示:

     npm  install --global vue-cli   或者 cnpm install --global vue-cli

4、创建项目

     vue  init  webpack-simple  vuedemo   //  vuedemo  项目名称

     cd  vuedemo 

     cnpm install 或者 npm install 

5、运行测试

     npm run dev

6、安装elementui 

    cnpm i element-ui -S  或者 npm i element-ui -S

    注意 : 报有关 tff 的错,element-ui/lib/theme-chalk/fonts/element-icons.ttf 等 则需要在webpack.config.js添加: 

{ test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader' }

7、路由安装

   npm install vue-router --save  或者 cnpm install vue-router --save

8、axios 安装

   cnpm install axios --save

 

 

     

 

     

最新回复(0)