centos7下vue框架搭建

1.软件安装（Visual Studio Code）
https://code.visualstudio.com/(这是下载路径）
https://code.visualstudio.com/docs/setup/linux#_rhel-fedora-and-centos-based-distributions（这是安装说明）
2.node.js安装（v10.14.2）(node npm cnpm)
https://nodejs.org/en/download/（这是下载路径）

[260254@localhost ~]$ ll
总用量 4840
drwxr-xr-x. 3 root   root        24 12月 17 14:36 conf
-rw-------. 1 260254 260254 5296128 12月 19 08:38 core.2710
drwxrwxr-x. 6 260254 260254      84 12月 18 11:13 docker
drwxr-xr-x. 4 260254 260254      53 10月 30 10:49 eclipse-workspace
drwxrwxr-x. 6 260254 260254     108 12月 11 05:59 node-v10.14.2-linux-x64
drwxrwxr-x. 3 260254 260254      18 10月 29 08:48 PycharmProjects
drwxr-xr-x. 2 260254 260254       6 10月 16 23:28 公共
drwxr-xr-x. 2 260254 260254     162 10月 17 10:01 模板
drwxr-xr-x. 2 260254 260254       6 10月 16 23:28 视频
drwxr-xr-x. 2 260254 260254     139 12月 11 16:24 图片
drwxr-xr-x. 6 260254 260254      94 11月  8 14:46 文档
drwxr-xr-x. 7 260254 260254    4096 12月 24 18:53 下载
drwxr-xr-x. 2 260254 260254       6 10月 16 23:28 音乐
drwxr-xr-x. 2 260254 260254      95 12月 17 19:47 桌面
[260254@localhost ~]$ pwd
/home/260254
[260254@localhost ~]$ sudo ln -s /home/260254/node-v10.14.2-linux-x64/bin/node /usr/local/bin/node
[260254@localhost ~]$ sudo ln -s /home/260254/node-v10.14.2-linux-x64/bin/npm /usr/local/bin/npm
[260254@localhost ~]$ node -v
v10.14.2
[260254@localhost ~]$ npm -v
6.4.1
[260254@localhost ~]$ npm install -g cnpm --registry=https://registry.npm.taobao.org
npm WARN deprecated [email protected]: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0
/home/260254/node-v10.14.2-linux-x64/bin/cnpm -> /home/260254/node-v10.14.2-linux-x64/lib/node_modules/cnpm/bin/cnpm
+ [email protected]
added 637 packages from 856 contributors in 16.86s
[260254@localhost ~]$ echo -e "export PATH=$(npm prefix -g)/bin:$PATH" >> ~/.bashrc && source ~/.bashrc
[260254@localhost ~]$ cnpm -v
[email protected] (/home/260254/node-v10.14.2-linux-x64/lib/node_modules/cnpm/lib/parse_argv.js)
[email protected] (/home/260254/node-v10.14.2-linux-x64/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
[email protected] (/home/260254/node-v10.14.2-linux-x64/bin/node)
[email protected] (/home/260254/node-v10.14.2-linux-x64/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/home/260254/node-v10.14.2-linux-x64 
linux x64 3.10.0-862.14.4.el7.x86_64 
registry=https://registry.npm.taobao.org

3.安装webpack、webpack-cli以及vue-cli

[260254@localhost vue-2.x-basic-master]$ cnpm install webpack webpack-cli -g
[260254@localhost vue-2.x-basic-master]$ webpack -v
4.28.2
[root@localhost vue-2.x-basic-master]# cnpm install -g vue-cli
[root@localhost vue-2.x-basic-master]# vue -V
2.9.6

4.构建Vue项目,并在网页上打开Vue页面

[260254@localhost front_end]$ vue init webpack vue-demo

? Project name myproj
? Project description test my vue project
? Author 260254
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has bee
n created? (recommended) no

   vue-cli · Generated "vue-demo".

# Project initialization finished!
[260254@localhost front_end]$ cd vue-demo/
[260254@localhost vue-demo]$ cnpm install
[260254@localhost vue-demo]$ cnpm run dev
 DONE  Compiled successfully in 1945ms              10:37:33 AM

 I  Your application is running here: http://localhost:8080

（未完待续。。。）