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 socks@1.1.10: 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
+ cnpm@6.0.0
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
cnpm@6.0.0 (/home/260254/node-v10.14.2-linux-x64/lib/node_modules/cnpm/lib/parse_argv.js)
npm@6.5.0 (/home/260254/node-v10.14.2-linux-x64/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
node@10.14.2 (/home/260254/node-v10.14.2-linux-x64/bin/node)
npminstall@3.18.0 (/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

(未完待续。。。)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值